<template>
    <p>这是一个父组件</p>
    <h1>以下是Son组件</h1>
    <Son v-slot="slotProps">
    <p>儿子的名字是{{ slotProps.sonName }}</p>
    </Son>
    <Son v-slot="{sonName}">
    <p>儿子的名字是{{ sonName }}</p>
    </Son>
    <BobSon>
        <template v-slot:header="{sonName}">
        <p>111儿子的名字是{{ sonName }}</p>
        </template>
        <template #footer="{sonName}">
        <p>222儿子的名字是{{ sonName }}</p>
        </template>
    </BobSon>
</template>

<script>
import Son from './Son.vue';
import BobSon from './BobSon.vue';
export default {
    components:{
        Son,
        BobSon
    }
}
</script>